<template>
    <div class="header">
			<el-header>
				<nav class="navbar navbar-default navbar-fixed-top ">
					<div class="container-fluid">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
							<a class="navbar-brand" href="#"><router-link to="/">首页</router-link></a>
						</div>
						<ul class="nav navbar-nav navbar-right">
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">用户中心 <span class="caret"></span></a>
								<ul class="dropdown-menu">
									<li>
											<router-link to="/login">登录</router-link>
									</li>
									<li>
											<router-link to="/registered">注册</router-link>
									</li>
								</ul>
							</li>
						</ul>
					</div>
	</nav>
	</el-header>
    </div>
</template>
<script>
	export default{
		data(){
			return {
				activeIndex2: 1
			}
		}
	}
</script>
<style type="text/css">
	.dropdown-menu li{
		/*width: 60px;*/
		text-align: center;
	}
</style>